<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<style type="text/css">
			body,
			html {
				width: 100%;
				height: 100%;
				margin: 0;
				font-family: "微软雅黑";
			}
			
			#allmap {
				width: 100%;
				height: 100%;
			}
			
			p {
				margin-left: 5px;
				font-size: 14px;
			}
		</style>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V7sXoeLIepm7ilRjr0fkuP5ehN3EhMPp"></script>
		<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
		<title>给多个点添加信息窗口</title>
	</head>

	<body>
		<div id="allmap"></div>
		<p>点击标注点，可查看由纯文本构成的简单型信息窗口</p>
	</body>

</html>
<script type="text/javascript">
	// 百度地图API功能	
	map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(116.417854, 39.921988), 15);
	var data_info = [
		[116.417854, 39.921988, "<div>苹果iPhoneX广告-Introducing Face ID</div><iframe height=260 width=500 src='http://player.youku.com/embed/XMzE5NTkwNDk2NA==' frameborder=0 'allowfullscreen'></iframe>"],
		[116.406605, 39.921585, "<div>小米mix2</div><iframe height=260 width=500 src='http://player.youku.com/embed/XMjY1MzE2MTcxNg==' frameborder=0 'allowfullscreen'></iframe>"],
		[116.412222, 39.912345, "<div>3D模型展示</div><iframe height=498 width=510 src='three/three.html'></iframe>"]
	];
	var opts = {
		width: 500, // 信息窗口宽度
		height: 300, // 信息窗口高度
		title: "信息窗口", // 信息窗口标题
		enableMessage: true //设置允许信息窗发送短息
	};
	for(var i = 0; i < data_info.length; i++) {
		var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1])); // 创建标注
		var content = data_info[i][2];
		map.addOverlay(marker); // 将标注添加到地图中
		addClickHandler(content, marker);
	}

	function addClickHandler(content, marker) {
		marker.addEventListener("click", function(e) {
			openInfo(content, e)
		});
	}

	function openInfo(content, e) {
		var p = e.target;
		var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
		var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象 
		map.openInfoWindow(infoWindow, point); //开启信息窗口
	}
</script>